<template>
  <div id="footer">
    <div class="footer">
      <div class="footer-content">
        <div>
          <span class="el-icon-message"></span><span>3557244069@qq.com</span>
        </div>
        <div>
          <span class="el-icon-position"></span
          ><span
            ><a href="http://ray254258.gitee.io"
              >http://ray254258.gitee.io</a
            ></span
          >
        </div>
        <div>
          <span class="el-icon-map-location"></span
          ><span>黑龙江省齐齐哈尔市</span>
        </div>
        <div><span class="el-icon-s-custom"></span><span>粒芒🍁Blog</span></div>
        <div>
          <span class="el-icon-date"></span><span>2020.01--2020.03</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  name: "MyFooter",
  data() {
    return {};
  },
  components: {},
};
</script>

<style scoped >
.footer {
  height: 250px;
  font-weight: 600;
  background: url("../../../assets/img/common/footer.png") no-repeat;
  background-size: 100% 100%;
}
.footer-content {
  display: flex;
  padding-left: 500px;
  padding-top: 50px;
  flex-wrap: wrap;
  width: 40%;
}
.footer-content div {
  margin: 5px;
}
.footer div span {
  margin: 5px;
}
</style>
